<%-- 
    Document   : search
    Created on : Dec 4, 2014, 9:37:41 PM
    Author     : Hai
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="/configDefaultHead.jsp" %>
        <link href="/config/css/table.css" rel="stylesheet" type="text/css"/>
        <title>JSP Page</title>
        <style>
            .myContainer{
                border: 5px;
                width: 80%;
                margin-top: 10px;
                opacity: 1;
                padding: 0px;
            }
            .myContainer:hover{
                opacity: 1;
            }
        </style>
    </head>
    <body>
        <header>
            <%@include file="/header.jsp" %>
        </header>
        <div id="myContent">
            <ul class="dropdown-menu" role="menu">
                <li><a href="#">Dropdown link</a></li>
                <li><a href="#">Dropdown link</a></li>
            </ul>
            <h1 class="myTitle">Search</h1>
            <div class="input-group">
                <input type="text" class="form-control">
                <span class="input-group-btn">
                    <button class="btn btn-default glyphicon glyphicon-search" type="button">GO</button>
                </span>

            </div>

            <div class="myContainer">

                <div id="table">
                    <div class="header-row row">
                        <span class="cell primary">Tên bài viết</span>
                        <span class="cell">Người Đăng</span>
                        <span class="cell">Ngày Đăng</span>
                    </div>
                    <a href="#" class="row">
                        <input type="radio" name="expand">
                        <span class="cell primary" data-label="Vehicle">2013 Subaru WRX</span>
                        <span class="cell" data-label="Exterior">World Rally Blue</span>
                        <span class="cell" data-label="Interior">Black</span>
                    </a>
                    <a href="#" class="row">
                        <input type="radio" name="expand">
                        <span class="cell primary" data-label="Vehicle">2013 Subaru WRX</span>
                        <span class="cell" data-label="Exterior">World Rally Blue</span>
                        <span class="cell" data-label="Interior">Black</span>
                    </a>
                    <a href="#" class="row">
                        <input type="radio" name="expand">
                        <span class="cell primary" data-label="Vehicle">2013 Subaru WRX</span>
                        <span class="cell" data-label="Exterior">World Rally Blue</span>
                        <span class="cell" data-label="Interior">Black</span>
                    </a>
                    <a href="#" class="row">
                        <input type="radio" name="expand">
                        <span class="cell primary" data-label="Vehicle">2013 Subaru WRX</span>
                        <span class="cell" data-label="Exterior">World Rally Blue</span>
                        <span class="cell" data-label="Interior">Black</span>
                    </a>
                    <a href="#" class="row">
                        <input type="radio" name="expand">
                        <span class="cell primary" data-label="Vehicle">2013 Subaru WRX</span>
                        <span class="cell" data-label="Exterior">World Rally Blue</span>
                        <span class="cell" data-label="Interior">Black</span>
                    </a>
                    <a href="#" class="row">
                        <input type="radio" name="expand">
                        <span class="cell primary" data-label="Vehicle">2013 Subaru WRX</span>
                        <span class="cell" data-label="Exterior">World Rally Blue</span>
                        <span class="cell" data-label="Interior">Black</span>
                    </a>
                </div>
            </div>

            <nav>
                <ul class="pagination">
                    <li><a href="#"><span aria-hidden="true">&laquo;</span><span class="sr-only">Previous</span></a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#"><span aria-hidden="true">&raquo;</span><span class="sr-only">Next</span></a></li>
                </ul>
            </nav>
        </div>
    </div>
</body>
</html>